<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de-de">
<head>
<title>Barrierefrei durch Dresden - Galerie</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="de" />
<link rel="stylesheet" type="text/css" href="../css/map/map.css"></link>
<link rel="stylesheet" type="text/css" href="../css/style_first_choice.css"></link>
<script type="text/javascript" src="../js/jquery.js"></script>

<script type="text/javascript" src="../js/thickbox.js"></script>
<link rel="stylesheet" href="../css/thickbox.css" type="text/css" media="screen" />
 
<body>

<div id="container">
<div class="header"></div>
<div class="navbar_bg">
	<div class="navbar" id="navbar_1"><a href="map.html">Altstadt</a></div>
	
	<div class="navbar" id="navbar_3"><a href="gallery.html">Galerie</a></div>
	<div class="navbar" id="navbar_2">Die Idee</a><img src="../img/arrow_down.png"></img></div>
	<div class="navbar_barrierefrei" id="navbar_4"><a href="../barrierefrei/index.php?style=kontrast">barrierefreie Variante</a></div>
</div>

<div class="menu" id="menu_projekt">
	<div class="submenu">
		<div id="submenu_5"><b>Projekt</b>
		<ul>
			<li><a href="idea.html">Was war die Idee?</a></li>
			<li><a href="team.html">Team</a></li>
			<li><a href="faq.html">FAQs</a></li>

		</ul>
		</div>
	</div>
	<div class="submenu">
		<div id="submenu_6"><b>Rechtliches</b>
		<ul>
			<li><a href="impressum.html">Impressum</a></li>
			<li><a href="impressum.html">Bildnachweise</a></li>

			<li><a href="impressum.html">Kontakt</a></li>
		</ul>
		</div>
	</div>
</div>
<img src="../img/spacer_dresden.jpg" style="z-index:-1"></img>



		<div id="content_1" class="content_container">
			<table cellpadding="2" cellspacing="2" width="100%" border="0"  class="gallery_table">
				<tr><th colspan="2">Frauenkirche</th><th>Kreuzkirche</th><th>Hofkirche</th></tr>
				<tr valign="top" height="100px">
					<td width="200px">
						<a href="../img/pictures/big/Frauenkirche/1.jpg" id="frauenkirche" title="frauenkirche 1" class="thickbox" ><img src="../img/pictures/thumb/frauenkirche/1.jpg"></img></a>
					</td>
					<td width="200px">
						<a href="../img/pictures/big/Frauenkirche/2.jpg" id="frauenkirche" title="frauenkirche 2" class="thickbox"><img src="../img/pictures/thumb/frauenkirche/2.jpg"></img></a>
					</td>
					<td width="200px">
						<a href="../img/pictures/big/Kreuzkirche/1.jpg" id="kreuzkirche" title="kreuzkirche 1" class="thickbox"><img src="../img/pictures/thumb/kreuzkirche/1.jpg" class="thickbox"></img></a>
					</td>
					<td>
						<a href="../img/pictures/big/Hofkirche/1.jpg" id="hofkirche" title="hofkirche 1" class="thickbox"><img src="../img/pictures/thumb/hofkirche/1.jpg" class="thickbox"></img></a>
					</td>
				</tr>
			</table>
			<table cellpadding="2" cellspacing="2" width="100%" border="0"  class="gallery_table">
				<tr><th colspan="3">Fürstenzug</th><th>Semperoper</th></tr>
				<tr valign="top" height="100px">
					
					<td width="200px">
						<a href="../img/pictures/big/Fürstenzug/1.jpg" id="fürstenzug" title="fürstenzug 1" class="thickbox"><img src="../img/pictures/thumb/fuerstenzug/1.jpg"></img></a>
					</td>
					<td width="200px">
						<a href="../img/pictures/big/Fürstenzug/2.jpg" id="fürstenzug" title="fürstenzug 2" class="thickbox"><img src="../img/pictures/thumb/fuerstenzug/2.jpg"></img></a>
					</td>
					<td width="200px">
						<a href="../img/pictures/big/Fürstenzug/3.jpg" id="fürstenzug" title="fürstenzug 3" class="thickbox"><img src="../img/pictures/thumb/fuerstenzug/3.jpg"></img></a>
					</td>
					<td>
						<a href="../img/pictures/big/Semperoper/1.jpg" id="semperoper" title="semperoper 1" class="thickbox"><img src="../img/pictures/thumb/semperoper/1.jpg"></img></a>
					</td>
					
					
				</tr>
			</table>
			
			<table cellpadding="2" cellspacing="2" width="100%" border="0" class="gallery_table">
				<tr><th colspan="2">Zwinger</th><th>Alte Meister</th><th>Neue Meister</th></tr>
				<tr valign="top" height="100px">
						
					<td width="200px">
						<a href="../img/pictures/big/Zwinger/1.jpg" id="zwinger" title="zwinger 1" class="thickbox"><img src="../img/pictures/thumb/zwinger/1.jpg"></img></a>
					</td>
					<td width="200px">
					<a href="../img/pictures/big/Zwinger/2.jpg" id="zwinger" title="zwinger 2" class="thickbox"><img src="../img/pictures/thumb/zwinger/2.jpg"></img></a>
					</td>
					<td width="200px">
						<a href="../img/pictures/big/Alte Meister/1.jpg" id="alteMeister" title="alte Meister 1" class="thickbox"><img src="../img/pictures/thumb/alte Meister/1.jpg"></img></a>
					</td>
					<td>
						<a href="../img/pictures/big/Neue Meister/1.jpg" id="neueMeister" title="neue Meister 1" class="thickbox"><img src="../img/pictures/thumb/neue Meister/1.jpg"></img></a>
					</td>
				</tr>
			</table>
			
			<table cellpadding="2" cellspacing="2" width="100%" border="0" class="gallery_table">
				<tr><th colspan="2">Verkehrsmuseum</th></tr>
				<tr valign="top" height="100px">
						
					<td width="200px">
						<a href="../img/pictures/big/Verkehrsmusseum/1.jpg" id="verkehrsmusseum" title="verkehrsmusseum 1" class="thickbox"><img src="../img/pictures/thumb/verkehrsmusseum/1.jpg"></img></a>
					</td>
					<td width="200px">
						<a href="../img/pictures/big/Verkehrsmusseum/2.jpg" id="verkehrsmusseum" title="verkehrsmusseum 2" class="thickbox"><img src="../img/pictures/thumb/verkehrsmusseum/2.jpg"></img></a>
					</td>
					<td width="200px">
						<a href="../img/pictures/big/Verkehrsmusseum/3.jpg" id="verkehrsmusseum" title="verkehrsmusseum 3" class="thickbox"><img src="../img/pictures/thumb/verkehrsmusseum/3.jpg"></img></a>
					</td>
					<td>
						<a href="../img/pictures/big/Verkehrsmusseum/4.jpg" id="verkehrsmusseum" title="verkehrsmusseum 4" class="thickbox"><img src="../img/pictures/thumb/verkehrsmusseum/4.jpg"></img></a>
					</td>
				</tr>
			</table>
		</div>
	<div class="footer"><a href="impressum.html">Impressum</a> | <a href="sitemap.html">Sitemap</a> </div>
</div>


  



 <script type="text/javascript">
 $('#navbar_1').mouseover(function(){
	 $('#menu_projekt').hide();
	 $('#menu_sonstiges').hide();
	 $('.navbar').css("background-color","transparent");
	 
	 $(this).css("background-color","#8BD0E7");
	 $('.navbar_bg').css("border-bottom","5px solid #8BD0E7");		
	 
	 $('#menu_altstadt').css("visibility","visible");
	 $('#menu_altstadt').fadeIn(250);

	
 })
 
$('#navbar_2').mouseover(function(){
	 $('#menu_altstadt').hide();
	 $('#menu_sonstiges').hide();
	 $('.navbar').css("background-color","transparent");	

	 $(this).css("background-color","#35C0CD");
	 $('.navbar_bg').css("border-bottom","5px solid #35C0CD");
	 
	 
	 $('#menu_projekt').css("visibility","visible");
	 $('#menu_projekt').fadeIn(250);
 })
$('#navbar_3').mouseover(function(){
	 $('#menu_altstadt').hide();
	 $('#menu_projekt').hide();
	 $('.navbar').css("background-color","transparent");	

	 $(this).css("background-color","#35C0CD");
	 $('.navbar_bg').css("border-bottom","5px solid #35C0CD");
	
 })
 
 $('#navbar_4').mouseover(function(){
	 $('#menu_altstadt').hide();
	 $('#menu_projekt').hide();
	 $('.navbar').css("background-color","transparent");	

	 $(this).css("background-color","#8BD0E7");
	 $('.navbar_bg').css("border-bottom","5px solid #8BD0E7");
	
 })


$('.menu').mouseleave(function(){
	$('.menu').fadeOut(250);
	$('.navbar').css("background-color","transparent");
	$('.navbar_bg').css("border-bottom","5px solid #373737");
	$('.navbar_barrierefrei').css("background-color","transparent");
})
$('#navbar_3').mouseleave(function(){
	$('.menu').fadeOut(250);
	$('.navbar').css("background-color","transparent");
	$('.navbar_bg').css("border-bottom","5px solid #373737");
	$('.navbar_barrierefrei').css("background-color","transparent");
})
$('#navbar_4').mouseleave(function(){
	$('.menu').fadeOut(250);
	$('.navbar').css("background-color","transparent");
	$('.navbar_bg').css("border-bottom","5px solid #373737");
	$('.navbar_barrierefrei').css("background-color","transparent");
})
	

</script>


</body>		
			
</html>